<template>
  <div class="list">
        <div class="list_item">
            <div class="list_title">{{this.title}}</div>
            <li class="list_list" v-for="(li,index) in list" :key="index">
                {{li}}
            </li>
        </div>
  </div>
</template>
<script>
export default {
    props:['title','list'],
};
</script>
<style scoped>
.list_title{
    font-size: 1.4em;
    margin-bottom: 1em;
}
.list_list{
    line-height: 2em;
    cursor: pointer;
}
.list_list:hover{
    text-decoration-line: underline;
}
</style>